<%--
  Created by IntelliJ IDEA.
  User: LJS
  Date: 2018/11/14
  Time: 14:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@page isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName()
            + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>登录</title>
    <!-- Mobile specific metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Force IE9 to render in normal mode -->
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->

    <!-- Css files -->
    <!-- Icons -->
    <link href="<%=basePath%>assets/css/icons.css" rel="stylesheet" />
    <!-- jQueryUI -->
    <link href="<%=basePath%>assets/css/sprflat-theme/jquery.ui.all.css" rel="stylesheet" />
    <!-- Bootstrap stylesheets (included template modifications) -->
    <link href="<%=basePath%>assets/css/bootstrap.css" rel="stylesheet" />
    <!-- Plugins stylesheets (all plugin custom css) -->
    <link href="<%=basePath%>assets/css/plugins.css" rel="stylesheet" />
    <!-- Main stylesheets (template main css file) -->
    <link href="<%=basePath%>assets/css/main.css" rel="stylesheet" />
    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="<%=basePath%>assets/css/custom.css" rel="stylesheet" />

    <link rel="icon" href="<%=basePath%>assets/img/ico/favicon.ico" type="image/png">
</head>
<body class="login-page">
<!-- Start #login -->
<div id="login" class="animated bounceIn">
    <img id="logo" src="<%=basePath%>assets/img/logo.png" alt="oaFlat Logo">
    <!-- Start .login-wrapper -->
    <div class="login-wrapper">
        <div class="tab-content bn">
            <div class="tab-pane fade active in">
                <div class="seperator">
                    <strong class="color-red">${msg }</strong>
                    <hr>
                </div>
                <form class="form-horizontal mt10" action="<%=basePath%>login.do" id="login-form" role="form" autocomplete="off" method="post">
                    <div class="form-group">
                        <div class="col-lg-12">
                            <input type="text" class="form-control" placeholder="员工工号 ..." id="staffNo" name="staffNo">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-12">
                            <input type="text" class="form-control" placeholder="员工姓名 ..." id="staffName" name="staffName">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-12">
                            <input type="password" class="form-control" placeholder="登录密码 ..." id="staffPassword" name="staffPassword">
                            <!-- <span class="help-block"><a href="#"><small>Forgout password ?</small></a></span>  -->
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-12">
                            <input type="text" class="form-control input-xlarge" style="display:inline-block" placeholder="验证码 ..." id="authCode" name="authCode">
                            <a href="javacript:void(0);" onclick="reload()"><img src="<%=basePath%>getAuthCode.do" id="authImg" /></a>
                            <!--  <a href="javascript:reload();">刷新</a>-->
                        </div>
                    </div>
                    <div class="form-group">
                        <!-- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-8">
                            <label class="checkbox">
                                <input type="checkbox" name="remember" id="remember" value="option">Remember me ?
                            </label>
                        </div> -->
                        <div class="col-lg-12">
                            <button class="btn btn-success pull-right" type="submit">登录</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- End #.login-wrapper -->
</div>
<!-- End #login -->
<!-- Javascripts -->
<!-- Load pace first -->
<script src="<%=basePath%>assets/plugins/core/pace/pace.min.js"></script>
<!-- Important javascript libs(put in all pages) -->
<script src="<%=basePath%>assets/js/jquery-1.8.3.min.js"></script>
<script>
    window.jQuery || document.write('<script src="<%=basePath%>assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
</script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
    window.jQuery || document.write('<script src="<%=basePath%>assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="<%=basePath%>assets/js/libs/excanvas.min.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="<%=basePath%>assets/js/libs/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap plugins -->
<script src="<%=basePath%>assets/js/bootstrap/bootstrap.js"></script>
<!-- Form plugins -->
<script src="<%=basePath%>assets/plugins/forms/icheck/jquery.icheck.js"></script>
<script src="<%=basePath%>assets/plugins/forms/validation/jquery.validate.js"></script>
<script src="<%=basePath%>assets/plugins/forms/validation/additional-methods.min.js"></script>
<script type="text/javascript">
    function reload(){
        document.getElementById("authImg").src="<%=basePath%>getAuthCode.do?date="+new Date().getTime();
        $("#captchaCode").val("");   // 将验证码清空
    }
</script>
</body>
</html>
